<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
	<head>
		<base href="<%=basePath%>">
		<meta charset="UTF-8">
		<title>小程序助手-专题</title>
		<meta name="keywords" content="小程序助手,小程序商城,微信小程序,小程序">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="apple-touch-icon" type="image/png" sizes="192x192" href="static/miniApp/img/logo/fonsoft-fav-192.png">
		<link rel="icon" type="image/png" sizes="192x192" href="static/miniApp/img/logo/fonsoft-fav-192.png">
		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 64x64" href="static/miniApp/img/ico/favicon.ico" alt="favicon-icon">
		<link rel="stylesheet" href="static/miniApp/css/modelcss.css" />
		<link href="static/miniApp/css/index.css" rel="stylesheet" />
		<link href="static/miniApp/css/box_style.css" rel="stylesheet" />
		<script src="static/miniApp/js/jquery-1.7.1.min.js" type="text/javascript"></script>
		<script src="static/miniApp/js/bos_js.js" type="text/javascript"></script>
		<style>
			.content-box .content-box-left .app-box ul li{
    			width: 277px;
			}
		</style>
	</head>
	<body>
	<%@ include file="header.jsp"%>
		<div class="banner-box themep-banner">
			<div class="banner">
				<ul>
					<li>
						<img src="<%=basePath %>uploadFiles/uploadImgs/pc/album/big/${album.bigpic}" name="0"/>
					</li>
				</ul>
			</div>
		</div>
		<div class="content-box content-size">
				<div class="content-box-left theme">
					<h5>${album.name }<label>${fn:length(tuijianApps)}个小程序</label></h5>
					<div  class="porject-box margin-top-18 app-box" id="app">
						<ul>
						
					<c:forEach items="${tuijianApps}" var="var" varStatus="vs">
							<li class="box-shadow" onclick="window.location.href='<%=basePath %>app/detail?ID=${var.ID}'">
								<div class="app-information">
									<img src="<%=basePath %>uploadFiles/uploadImgs/pc/${var.PROD_ICON}"" class="app-pic"/>
									<div class="name_edit">
										<p class="">${var.PROD_NAME }</p>
										<p class=""><span class="app-header-corp__auth-name">
				        			<span class="app-header-corp__name-tip">作者:</span>
				        			 ${var.AUTHOR}
				        		</span></p>
									</div>
									<div class="code">扫码体验
										<div class="code-box">
											<img class="erweima" src="<%=basePath %>uploadFiles/uploadImgs/pc/${var.QR_CODE_ICON }" />
											<p>微信扫码体验</p>
										</div>
									</div>
								</div>
								<div class="icon">
									<c:choose>
										<c:when test="${fn:length(var.LABELS_ARR) <= 3}">
						        			<c:forEach items="${var.LABELS_ARR}" var="item" varStatus="vs">
						        				<label class="miniapp-tag-item">${item.LABLE_NAME }</label>
						        			</c:forEach>
										</c:when>
										<c:otherwise>
						        			<c:forEach items="${var.LABELS_ARR}" begin="0" end="2" var="item" varStatus="vs">
						        			<label class="miniapp-tag-item">${item.LABLE_NAME }</label>
						        			</c:forEach>
						        			 <i class="miniapp-tag-item-i"></i>
										</c:otherwise>
									</c:choose>
								</div>
								<div class="star">
									<c:choose>
										<c:when test="${var.STAR == '5'}">
												<i class="i"></i>
												<i class="i"></i>
												<i class="i"></i>
												<i class="i"></i>
												<i class="i"></i>
										</c:when>
										<c:when test="${var.STAR == '4'}">
												<i class="i"></i>
												<i class="i"></i>
												<i class="i"></i>
												<i class="i"></i>
												<i></i>
										</c:when>
										<c:when test="${var.STAR == '3'}">
												<i class="i"></i>
												<i class="i"></i>
												<i class="i"></i>
												<i></i>
												<i></i>
										</c:when>
										<c:when test="${var.STAR == '2'}">
												<i class="i"></i>
												<i class="i"></i>
												<i></i>
												<i></i>
												<i></i>
										</c:when>
										<c:when test="${var.STAR == '1'}">
												<i class="i"></i>
												<i></i>
												<i></i>
												<i></i>
												<i></i>
										</c:when>
										<c:otherwise>
												<i></i>
												<i></i>
												<i></i>
												<i></i>
												<i></i>
										</c:otherwise>
									</c:choose>
								</div>
							</li>	
							</c:forEach>					
						</ul>
						<div style="clear: both;"></div>
					</div>
			</div>
		</div>	
		<br/>	
		<br/>
		<%@ include file="footer.jsp"%>
	</body>
</html>
